package com.huluobo.a2301mdmdemo.pages

import android.util.Log
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Divider
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.remember
import androidx.compose.runtime.snapshots.SnapshotStateList
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.colorResource
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.navigation.NavHostController
import coil.compose.AsyncImage
import com.google.gson.Gson
import com.huluobo.a2301mdmdemo.R
import com.huluobo.lib_base.BaseTitle
import com.huluobo.lib_base.RoutePath
import com.hyphenate.EMValueCallBack
import com.hyphenate.chat.EMClient
import com.hyphenate.chat.EMMessage
import kotlinx.coroutines.launch

/**
 *  Created by LC on 2025/7/7.
 */
//封装联系人的bean
//用户名,首字符,是否显示首字符
data class ContactBean(val username: String, val firstLetter: Char, val isShowFirstLetter: Boolean)

@Composable
fun ContactPage(navHostController: NavHostController) {
    val list = remember {
        SnapshotStateList<ContactBean>()
    }

    LaunchedEffect(key1 = "", block = {
        launch {
            EMClient.getInstance().contactManager()
                .aysncGetAllContactsFromServer(object : EMValueCallBack<List<String>> {
                    override fun onSuccess(value: List<String>?) {
                        if (!value.isNullOrEmpty()) {
//                            for (i in value) {
//                                list.add(ContactBean(i, i.first(), true))
//                            }
                            val sortedBy = value.sortedBy {
                                it.first()
                            }

                            for ((index, i) in sortedBy.withIndex()) {
                                var isShow = false
                                //对比是否显示首字符,如果index=0 一定是true
                                //对比上一个首字符如果不同也为true
                                if (index == 0 || sortedBy[index].first() != sortedBy[index - 1].first()) {
                                    Log.e("TagA", "i:${i.first()}")
                                    isShow = true
                                }
                                list.add(ContactBean(i, i.first().toUpperCase(), isShow))
                            }
                        }
                    }

                    override fun onError(error: Int, errorMsg: String?) {
                        Log.e("TagA", "获取联系人失败:$error,error:$errorMsg")
                    }
                })
        }
    })

    Column(Modifier.padding(20.dp)) {
        BaseTitle(title = "联系人", navHostController = navHostController)
        Spacer(modifier = Modifier.height(20.dp))
        LazyColumn(content = {
            items(list) {
                ContactItem(entity = it, navHostController = navHostController)
            }
        }, verticalArrangement = Arrangement.spacedBy(20.dp))
    }
}

@Composable
fun ContactItem(entity: ContactBean, navHostController: NavHostController) {
    Column {
        if (entity.isShowFirstLetter) {
            Text(
                text = "${entity.firstLetter}", fontWeight = FontWeight.Bold, modifier = Modifier
                    .background(
                        colorResource(id = R.color.lightGray)
                    )
                    .fillMaxWidth()
            )
            Spacer(modifier = Modifier.height(10.dp))
        }
        Row(
            verticalAlignment = Alignment.CenterVertically,
            horizontalArrangement = Arrangement.spacedBy(20.dp),
            modifier = Modifier
                .fillMaxWidth()
                .clickable {
                    val chatBean = ChatBean(entity.username, EMMessage.ChatType.Chat, "")
                    val json = Gson().toJson(chatBean)
                    navHostController.navigate(RoutePath.CHAT + "/$json")
                }) {
            AsyncImage(
                model = "https://img0.baidu.com/it/u=788800651,2030194952&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1730307600&t=9c17b588a934b0ccf76349e5e5b7ca08",
                contentDescription = "",
                modifier = Modifier
                    .size(40.dp)
                    .clip(RoundedCornerShape(5.dp)),
                contentScale = ContentScale.Crop
            )
            Text(text = entity.username)
        }
        Spacer(modifier = Modifier.height(10.dp))
        Divider(color = Color.LightGray, thickness = 0.5.dp)
    }
}